<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>结算清单</title>
    <link  type="text/css" rel="stylesheet" href="../css/settlementList.css"/>
    <script src="../js/jquery-3.1.0.js"></script>
    <script src="../js/lodash.js"></script>
    <script type="text/javascript" src="../js/settlementList.js"></script>
    <script type="text/javascript" src="../js/jquery.tmpl.min.js"></script>
    <script type="text/x-jquery-tmpl"  id="templet">
        <tr>
           <td>${classification}</td>
           <td>${name}</td>
           <td>${price}</td>
           <td>${unit}</td>
           <td>${count}</td>
           <td>${subTotal}</td>
       </tr>
    </script>
    <script type="text/x-jquery-tmpl"  id="promotionTemplet">
        <tr>
           <td>${classification}</td>
           <td>${name}</td>
           <td>${promotionCount}</td>
       </tr>
    </script>
</head>
<body class="body">
  <div class="bodyHeader">
      <button id="label"       class="label publicStyle1">Let's Go</button>
      <button id="home"        class="publicStyle1 publicStyle2">主页</button>
      <button id="productList" class="publicStyle1 publicStyle2">商品列表</button>
      <button class="shoppingCart"><img src="../png/shoppingCart.png" class="img">购物车(<a id="cartCount"></a>)</button>
  </div>
  <div  class="mainTable">
      <div  class="publicCss">购物清单</div>
      <div id="time"></div>
      <table  class="table" id="cartInfo" >
          <th class="tableWidth1">分类</th>
          <th class="tableWidth2">名称</th>
          <th class="tableWidth2">单价（元）</th>
          <th class="tableWidth1">单位</th>
          <th class="tableWidth1">数量</th>
          <th>小计</th>
      </table>
      <div id="promotionInfo">
      <div class="publicCss freeItems">赠送商品</div>
      <table id="promotionList" class="table tableMargin">
          <th>分类</th>
          <th>名称</th>
          <th>数量</th>
      </table>
      </div>
      <p id="sumPrice"></p>
      <p id="promotionSumPrice"></p>
      <button class="confirm">确认</button>
  </div>
</body>
</html>